<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="zInc_head.jsp" %>
<%

    String id = app.get("id");//获取URL地址传过来的id（会根据该id查询出对应栏目下的图片列表内容）
    Rs about = dao.rs(new Args("info", "id='" + id + "'"));//否则根据传过来的id查询出当前栏目

    int absPage = app.getInt("page", 1);//从地址栏取得页码(如果没有page页码信息，则默认为第1页)
    Args a = new Args("info", "tid='" + id + "' ORDER BY sort", 8, absPage);//分页查询条件(每页显示８条记录)
    Ls picLs = dao.ls(a);//获取记录集列表


%>
<title>公司概况 - <%=about.get("t0")%> - JDiy示例程序</title>
</head>
<body>
<!-- 头部内容 开始 -->
<div class="max top">
    <div style="margin:8px;">
        <%@include file="zInc_top.jsp" %>
    </div>
</div>
<!-- 头部内容 结束 -->

<!--顶部导航菜单 开始 -->
<%int thisNav=1;%><!--定个变量，以便在topNav包含文件中判断：当前栏目菜单显示不同的样式-->
<%@include file="zInc_topNav.jsp" %>
<!--顶部导航菜单 结束 -->


<!--中部主体区域 开始 -->
<div class="max cc">
    <table width="100%" cellpadding="0" cellspacing="0">
        <tr>

            <!-- 左侧导航菜单 开始 -->
            <%@include file="zInc_about_left.jsp" %>
            <!-- 左侧导航菜单 结束 -->


            <!-- 中间内容显示区 开始 -->
            <td class="bodyContent" valign="top">
                <div class="loc">您的位置：首页 - 公司概况 - <%=about.get("t0")%>
                </div>
                <div class="note">
                    <table width="100%">
                        <tr>
                            <% int i = 0;
                                for (Rs rs : picLs.getItems()) {
                            %>
                            <td align="center">
                                <a href="about_picView.jsp?id=<%=id%>&picId=<%=rs.get("id")%>" target="_self">
                                    <img src="../<%=rs.getF("pic")%>" style="width: 150px; height:105px;"
                                         border="0"></a>

                                <div><a href="about_picView.jsp?id=<%=id%>&picId=<%=rs.get("id")%>"><%=rs.get("t0")%>
                                </a></div>
                            </td>
                            <%
                                    if (++i % 4 == 0) {
                                        out.print("</tr><tr>"); //每４个转下行
                                    }
                                }
                            %>
                        </tr>
                    </table>

                </div>


                <!--分页链接 开始-->
                <!--注意：分页样式您可以根据自己的需要调整，以下只是一个简单的示例演示-->
                <div class="pager">
                    共<%=picLs.getPageCount()%>页/<%=picLs.getRowCount()%>条记录
                    当前第<%=picLs.getAbsPage()%>页.
                    &nbsp;&nbsp;&nbsp;
                    <%
                        if (picLs.getAbsPage() > 1) {
                    %><a href="about.jsp?id=<%=id%>&page=1">[首页]</a>
                    <a href="about.jsp?id=<%=id%>&page=<%=picLs.getAbsPage()-1%>">[上一页]</a><%

                    } else {
                        out.print("[首页] [上一页]");
                    }
                    for (int j = 1; j <= picLs.getPageCount(); j++) {
                %>
                    <a href="about.jsp?id=<%=id%>&page=<%=j%>">[<%=j%>]</a>
                    <%
                        }
                        if (picLs.getAbsPage() < picLs.getPageCount()) {
                    %><a href="about.jsp?id=<%=id%>&page=<%=picLs.getAbsPage()+1%>">[下一页]</a>
                    <a href="about.jsp?id=<%=id%>&page=<%=picLs.getPageCount()%>">[尾页]</a><%
                    } else {
                        out.print("[下一页] [尾页]");
                    }

                %>
                </div>
                <!--分页链接 结束-->


            </td>
            <!-- 中间内容显示区 结束 -->

        </tr>
    </table>
</div>

<!--中部主体区域 结束 -->


<!--页脚 开始 -->
<%@include file="zInc_foot.jsp" %>
<!--页脚 结束 -->
</body>
</html>